﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Gallery.aspx.cs" Inherits="Gallery" %>
<%@ Register Src="~/Contents/Top.ascx" TagName="Top" TagPrefix="contents" %>

<!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">    
	<title>1Dot9Master</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

	<!-- Add jQuery library -->	
    <script src="Script/js/jquery-1.10.1.min.js" type="text/javascript"></script>

	<!-- Add mousewheel plugin (this is optional) -->	
    <script src="Script/js/jquery.mousewheel-3.0.6.pack.js" type="text/javascript"></script>

	<!-- Add fancyBox main JS and CSS files -->	
    <script src="Script/js/jquery.fancybox.js?v=2.1.5" type="text/javascript"></script>	
    <link href="css/jquery.fancybox.css?v=2.1.5" rel="stylesheet" type="text/css" media="screen" />

	<!-- Add Button helper (this is optional) -->	
    <link href="css/jquery.fancybox-buttons.css?v=1.0.5" rel="stylesheet" type="text/css" />
    <script src="Script/js/jquery.fancybox-buttons.js?v=1.0.5" type="text/javascript"></script>

	<script type="text/javascript">
	    $(document).ready(function () {
	        $('.fancybox').fancybox();

	        // Change title type, overlay closing speed
	        $(".fancybox-effects-a").fancybox({
	            helpers: {
	                title: {
	                    type: 'outside'
	                },
	                overlay: {
	                    speedOut: 0
	                }
	            }
	        });
	        
	        /*
	        *  Button helper. Disable animations, hide close button, change title type and content
	        */
	        $('.fancybox-buttons').fancybox({
	            openEffect: 'none',
	            closeEffect: 'none',

	            prevEffect: 'none',
	            nextEffect: 'none',

	            closeBtn: false,

	            helpers: {
	                title: {
	                    type: 'inside'
	                },
	                buttons: {}
	            },

	            afterLoad: function () {
	                //this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');                    	                
	                
	            }
	        });

	        $(".image_rollover").css('opacity', '0.4').css('border', 'none');

	        $(".image_rollover").hover(function () {
	            $(this).css('opacity', '1');
	        }, function () {
	            $(this).css('opacity', '0.4');
	        });
	    });
	</script>
  <link href="common/common.css" rel="stylesheet" type="text/css" />
	<style type="text/css">
		.fancybox-custom .fancybox-skin {
			box-shadow: 0 0 50px #333;
		}
        #align {  
        width:100%;  
        text-align:center;  
        }   
 
        #innerProjectContent  {  
        margin:0 auto; /* 위에서 센터로 놨음에도 또 이걸 해 주는 건 IE외의 다른 브라우저에선 이게 없으면 다시 왼쪽으로 붙기 때문 */ 
        width:650px;   /* 중간에 두기 위한 값 */ 
        text-align:left;  
        }        
        
        #innerWorkContent  {  
        margin:0 auto; /* 위에서 센터로 놨음에도 또 이걸 해 주는 건 IE외의 다른 브라우저에선 이게 없으면 다시 왼쪽으로 붙기 때문 */ 
        width:650px;   /* 중간에 두기 위한 값 */ 
        text-align:left;  
        }
		
	</style>    
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <contents:Top id="Top" runat="server" />
    </div>
    <!--content S-->
    <div id="align">         
        <div id="innerProjectContent" runat="server"></div>
        <br /><br /><br />
        <div id="innerWorkContent" runat="server"></div>
    </div>
        <!-- <a class="fancybox-buttons" data-fancybox-group="button" href="Files/img001.jpg"><img src="Files/icons/img001.jpg" class="image_rollover" alt=""/></a> -->        
        <!--content E-->    
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    </form>
</body>
</html>
